<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" href="./Css/index.css" />
<!-- 不在首页的样式 -->
<link rel="stylesheet" href="./Css/list.css" />
<link rel="stylesheet" href="./Css/login.css" />
<title>Document</title>
</head>
<body>
	<!-- 顶部开始 -->
	<div id="topout">
		<div class="topin">
			<p>您好，欢迎来到特步官方商城_专卖特步运动鞋,特步运动服,运动配饰 - 特步官方旗舰店！</p>
		</div>	
	</div>
	<!-- 顶部结束 -->
	<!-- logo部分开始 -->
	<div id="upmenu">
		<div class="logo">
			<img src="./Img/2.png" alt="" />
		</div>
		<div class="logoright">
			<a href="">400-887-6666 转2</a>
			<a href="">在线调查&nbsp|</a>
			<a href="">在线客服&nbsp|</a>
			<a href="">新手指南&nbsp|</a>
			<a href="">DIY专区&nbsp|</a>
			<a href="">手机特步APP&nbsp|</a>
			<a href="">特步订单&nbsp|</a>
			<a href="">注册&nbsp|</a>
			<a href="">登陆&nbsp|</a>
		</div>
		<div class="search">
			<form action="" method="">
				<input type="text" name="search" id="biaodan" value="搜索" />
			</form>
			<div class="btn"><a href=""><img src="./Img/3.png" alt="" /></a></div>
			<div class="shopcar"></div>
			<p>购物车:<span>&nbsp<a href="" style="color:red">0</a>&nbsp</span>件</p>
			<div class="jiesuan">去结算<div class="jiantou"></div></div>
		</div>	
	</div>
	<!-- logo部分结束 -->
	<!-- 导航条开始 -->
	<div id="menu">
		<div class="menuin">
			<a href="">运动包</a>
			<a href="">运动包</a>
			<a href="">运动包</a>
			<a href="">运动包</a>
			<a href="">运动包</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
			<a href="">运动</a>
		</div>	
	</div>
	<!-- 登陆注册 -->
	<div id="login">
		<!-- 左侧登陆 -->
		<div id="left-login">
			<div class="member">会员登陆</div>
			<div class="mem-login">
				<form action="" method="post" class="table">
					
						用户名：<input type="text" name="username" class="username" /><br/>
						&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>请输入正确的用户名啊</span>
						<br/><br/>
						密&nbsp&nbsp码：<input type="password" name="psd" class="username" /><br/>
						&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span><a href="" style="color:blue">忘记密码？</a></span>
						<br/><br/>
						<a href="" class="login-pic"><img src="./Img/92.jpg" alt="" /></a>
				</form>
			</div>
		</div>
		<!-- 右侧注册开始 -->
		<div id="register">
			<div class="member-reg">会员注册</div>
			<div class="mem-reg">
				<form action="" method="post" class="table-reg">
					用户名：<input type="text" name="username" class="user" /><br/>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>用户名</span><br/>
					e-mail：<input type="text" name="e-mail" class="user" /><br/>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>用户名</span><br/>
					密&nbsp&nbsp码：<input type="password" name="psd" class="user" /><br/>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>用户名</span><br/>
					确&nbsp&nbsp认：<input type="password" name="psd" class="user" /><br/>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>请再次输入密码</span><br/>
					验证码：<input type="password" name="psd" class="user" />&nbsp<img src="./Img/91.jpg" alt="" style="width:70px;height:20px" />&nbsp点击验证码更换<br/>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>请再次输入密码</span><br/>
					<input type="checkbox" name="check" class="notice" />&nbsp<sapn style="font-size:12px">我已阅读《特步服务条款》</sapn>
					<a href="" class="reg-pic"><img src="./Img/3.gif" alt="" /></a>
				</form>
			</div>
		</div>
		<!-- 右侧注册结束 -->
	</div>
</body>
</html>